*{margin:0;padding:0;outline:none;}
html{font-size:16px;min-width:992px;}
body{width:100%;height:auto;min-width:992px;min-height:600px;/*font-family:"Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", sans-serif;*/overflow-x:scroll}
a{color:#333;cursor:pointer;}
a:hover{color:#f6f6f6;text-decoration:none;}
ul li{list-style-type:none}
p{margin:0;line-height:1.7em;}
h1{font-size:160%;font-weight:normal}
h2{font-size:140%;margin:15px auto;}
header,section,footer{width:100%;background-color:#fff}
section,footer{position:relative;z-index:9990}
address p{margin-bottom:0;color:#666;}
.line{width:20%;border-top:1px solid #333;vertical-align:middle;display:inline-block;}
.text-en{margin:auto 15px 15px 15px;color:#333;font-style:italic;font-weight:normal;display:inline-block;}
.remark{font-size:90%;color:#999;}
.box-rounded{padding:15px 0;border:1px solid #c9c9c9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
.btn-hollow{padding:.4em 2em;color:#fff;background-color:rgba(255,255,255,.1);border-color:#fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}
.btn-hollow:link,.btn-hollow:visited,.btn-hollow:hover,.btn-hollow:active{color:#fff}
.btn-gray{width:11em;padding:.3em 0;color:#333;background-color:#e5e5e5;border-color:#333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}
.btn-orange{padding:.6em 7em;font-size:120%;color:#fff;background-color:#ff9c00;border-color:#ff9c00;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}
.btn-orange:hover{color:#fff;}
.btn-dropdown{background-color:transparent;border:none;}
.main-content{position:absolute;top:100vmin;left:0;width:100%;min-width:992px;
    -webkit-box-shadow:-0.25em 0 0.5em rgba(0,0,0,.25);
    -moz-box-shadow:-0.25em 0 0.5em rgba(0,0,0,.25);
    box-shadow:-0.25em 0 0.5em rgba(0,0,0,.25);}
.banner{position:absolute;margin:0;padding:0;top:0;width:100%;height:auto;}
/*.banner img{width:100%;height:100vh;}*/
.sub-iframe{top:0}
.sub-wrapper{position:relative;margin:0;padding:100px 0 100px 0;top:0;min-height:600px;}
.sub-wrapper>.row{margin:auto}
/* nav */
.navbar{margin-bottom:0;height:110px;z-index:9998}
.navbar-default{width:100%;height:110px;border:none;
    -webkit-transition: background-color .25s;
    -moz-transition: background-color .25s;
    -ms-transition: background-color .25s;
    -o-transition: background-color .25s;
    transition: background-color .25s;
    /*filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=rgba(0, 0, 0, .5),endcolorstr=rgba(0, 0, 0, 0),gradientType=0);*/
    /*-ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=rgba(0, 0, 0, .5),endcolorstr=rgba(0, 0, 0, 0),gradientType=0);/!*IE8*!/*/
    background:transparent; /* 一些不支持背景渐变的浏览器 */
    background:-moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background:-o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.navbar-gray{width:100%;height:70px;border:none;background-color:#f6f6f6;
    -webkit-box-shadow:0 1px 2px #ccc;
    -moz-box-shadow:0 1px 2px #ccc;
    box-shadow:0 1px 2px #ccc;}
.container{margin:auto;padding:0;width:80%;max-width:1180px;}
.logo-top{width:auto;height:50px}
.navbar-gray .logo-top,.navbar-gray .navbar-nav{margin-top:10px;height:40px;}
.navbar-default .navbar-nav>li{padding:10px 15px;height:70px;line-height:45px;color:#fff;}
.navbar-gray .navbar-nav>li{padding:10px 15px;height:70px;line-height:45px;color:#333;}
.navbar-default .navbar-nav>li a{padding:0 5px 0 5px;color:#fff;display:inline-block;}
.navbar-default .navbar-nav>li a.selected{color:#fbc02d;background-color:transparent!important;}
.navbar-gray .navbar-nav>li a{padding:0 5px 0 5px;color:#333;display:inline-block;}
.navbar-default .navbar-nav>li a:hover{color:#fbc02d;}
.navbar-gray .navbar-nav>li a:hover{color:#333;background-color:transparent}
.navbar-white-bg{height:70px;color:#333;background:#fff;border-bottom:1px solid #f2f2f2;}
.navbar-white-bg .navbar-nav>li,.navbar-white-bg .navbar-nav>li a,.navbar-white-bg .navbar-nav>li a:hover{color:#333;}

/* header background */
header{position:absolute;top:0;min-width:992px;z-index:0}
.jumbotron{position:relative;margin:0;padding:0;width:100%;min-width:992px;height:auto;background-color:transparent;overflow:hidden;}
.jumbotron>.code{position:absolute;width:28%;left:19.5%;bottom:16%;z-index:5;}
.jumbotron>.code>.download{position:relative;margin:5% auto auto 5%;width:80%;height:100%;line-height:0}
.jumbotron>.code>.download>.left{width:38%;display:inline-block}
.jumbotron>.code>.download>.right{position:absolute;margin-left:5%;width:55%;height:100%;display:inline-block}
.jumbotron>.code>.download>.right>.top{position:absolute;top:0}
.jumbotron>.code>.download>.right>.bottom{position:absolute;bottom:0}

/*================================= videos =================================*/
.how-to{margin-top:50px;padding:100px 0;background-color:#fff}
.video-list{margin:0 auto;padding-left:20px;width:800px}
.video-item{margin:7px 5px;display:inline-block;cursor:pointer}
.video-item-title,.video-item>video,.video-item>img{z-index:9990;
    -webkit-transition: transform 500ms;
    -moz-transition: transform 500ms;
    -ms-transition: transform 500ms;
    -o-transition: transform 500ms;
    transition: transform 500ms;}
.video-item>video,.video-item>img{width:100%;height:100%}
.video-item1{width:350px;height:350px;text-align:right;vertical-align:bottom}
.video-item2{width:280px;height:280px;text-align:left;vertical-align:bottom}
.video-item4{margin-left:75px;width:280px;height:280px;text-align:right;vertical-align:top}
.video-item3{width:350px;height:350px;text-align:left;vertical-align:top}
.video-item-title{position:absolute;width:390px;height:100px;text-align:center;margin:-53px auto auto 170px;background-color:white;z-index:9995}
.video-explain{position:absolute;padding:0 1.3em 0 1.3em;height:5.4em;font-size:120%;text-align:left;display:none}
.video-explain hr{position:absolute;margin:2.8em auto auto -8em;width:1em;border-top:.1em solid #000;}
.video-explain h3{margin:.6em auto;font-size:140%;font-style:italic;font-weight:normal;opacity:0;}
.video-explain p{margin:0 0 .6em;opacity:0;}
.video-item1 .video-explain{margin:-375px auto auto 470px;}
.video-item2 .video-explain{margin:-385px auto auto -290px;}
.video-item4 .video-explain{margin:10px auto auto 420px;}
.video-item3 .video-explain{margin:-55px auto auto -310px;}
.video-item2 .video-explain hr,.video-item3 .video-explain hr{margin-left:0;}

/* security family */
.security,.family{position:relative;padding:50px 0;background-color:#fff}
.family{padding-bottom:0;}
.security>.row{margin:auto;}
.security h1,.family h1{margin-bottom:30px}
.security .item{margin:1.65%;width:30%;height:auto;display:inline;}
.security .item>img{width:50%;height:auto;}
.item-svg{position:relative;margin:1em auto;width:100%;height:45px;line-height:0;vertical-align:text-bottom;}
.item-svg>svg{position:absolute;width:100%;left:0;bottom:0}
.svg-to-black,.svg-to-white{
    -webkit-transition: fill 200ms;
    -moz-transition: fill 200ms;
    -ms-transition: fill 200ms;
    -o-transition: fill 200ms;
    transition: fill 200ms;}
.carousel{margin:auto;width:100%;height:519.323px;}
.carousel-inner{width:80%;/*max-width:1180px;*/}
.carousel-inner>.item>img{width:100%;height:100%;
    webkit-background-size: cover;
    background-size: cover;}
.carousel-caption{top:10%;bottom:auto;height:80%;}
.carousel-caption>.carousel-row{position:absolute;margin:auto;width:100%;top:0;}
.carousel-caption>.row{position:absolute;margin:auto;width:100%;bottom:0;}
.carousel-caption address{font-size:100%;color:#fff;font-weight:bold;}
.carousel-control{width:6%;opacity:.7;}
.carousel-control.left,.carousel-control.right{background-image:none;}
.carousel-control>img{margin:224px 10px;max-width:100%;height:auto;}
.icon{width:70px;height:70px;border:3px solid #fff;}

/* footer */
footer{min-height:300px;padding:10px 0 30px 0;color:#fff;background-color:#333;
    -webkit-box-shadow:  0 -0.25em 0.5em rgba(0,0,0,.25);
    -moz-box-shadow:  0 -0.25em 0.5em rgba(0,0,0,.25);
    box-shadow:  0 -0.25em 0.5em rgba(0,0,0,.25);}
footer a{color:#fff;}
footer p{font-size:90%;}
footer .row{margin:auto;width:80%;max-width:1180px;}
footer .row>div{margin-top:20px}
footer ul li{line-height:2em}
.code-bottom>img{margin-bottom:10px;width:100%;max-width:120px;height:auto}
.logo-bottom{border-right:1px solid #fff;}
.logo-bottom>img{width:100%;max-width:160px;height:auto;}
.simple-footer{min-height:10px;padding:0 0 15px 0;}

/*================================= how & apply =================================*/
.how-pet-sitter{position:absolute;width:100%;bottom:0;padding:50px 0;background-color:rgba(0,0,0,.6);color:#fff}
.how-pet-sitter>.left{width:30%;display:inline-block;float:left;}
.how-pet-sitter>.left>h1{margin:auto 10%;width:80%;line-height:1.5em;}
.how-pet-sitter>.left .text-en{margin:.5em auto;color:#fff;}
.how-pet-sitter>.right{width:65%;margin-right:5%;display:inline-block;float:right;
    -webkit-column-count:2;-moz-column-count:2;column-count:2;
    -webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px;}
.how-pet-sitter>.mr0{margin-right:0;}
.how-pet-sitter>.right>p{width:100%;display:inline-block;float:left;}

.how-to-foster{position:relative;padding:50px 0 100px 0;z-index:3;
    -webkit-box-shadow:  0 0.25em 0.5em rgba(0,0,0,.25);
    -moz-box-shadow:  0 0.25em 0.5em rgba(0,0,0,.25);
    box-shadow:  0 0.25em 0.5em rgba(0,0,0,.25);}
.how-to-foster .row{margin:50px auto;width:70%;height:auto;}
.how-to-foster .wide{width:70%;height:100%;display:inline-block;}
.how-to-foster .narrow{width:26%;height:100%;vertical-align:bottom;display:inline-block;}
.how-to-foster .row>div:first-child{margin-right:3%;}
.how-to-foster .wide>video{width:100%;height:auto;display:inline-block;}
.how-to-foster .wide>img{position:absolute;margin:-7% auto auto 2%;width:5%;height:auto;cursor:pointer;display:none;}
.how-to-foster .wide>img.stop{display:block;}
.explain{padding:1em 15%;width:100%;height:auto;font-size:100%;text-align:justify;background-color:#f6f6f6;}
.explain .head{margin-bottom:1em;border-bottom:1px solid #c9c9c9;}
.explain h3{font-style:italic;}

.how-duty>.left,.how-duty>.right{position:absolute;margin:0 auto 0 0;top:0;width:30%;height:100%;background-color:rgba(0,0,0,.6);color:#fff}
.how-duty>.right{margin:0 0 0 auto;right:0;}
.how-duty h1{margin:1.5em auto 1em 10%;width:80%;line-height:1.5em;}
.how-duty>.right>h1.short{margin-top:30vh;}
.how-duty>.left>h1.short{margin-top:20vh;}
.how-duty p{margin-bottom:2em;font-size:120%;}
.how-duty .text-en{margin:0 auto;color:#fff;}
.join>.cover{position:absolute;width:100%;height:100%;
    background-color:transparent;
    background:-moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .5)));
    background:-o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));}
.join>.cover>.row{position:absolute;width:100%;bottom:20%;}

    /*申请寄养家庭 重写*/
.interview>.left,.interview>.right{position:relative;width:45%;display:inline-block;}
.interview>.left{margin-right:8%;}
/*.form-group{margin-bottom:30px;}*/
#applySelectIcon{margin-left:.7em;width:1.3em;height:1.3em;cursor:pointer;}
#applySelection{position:absolute;margin-top:-1em;width:3.95em;text-align:center;border:1px solid #cbcbcb;background-color:#fff;z-index:10;}
.interview-date-time{position:absolute;bottom:70px;width:100%;border:1px solid #ccc;background-color:#f5f5f5;z-index:10;cursor:auto;}
.interview-date-time .strong{color:#000;font-weight:bold;cursor:pointer;}
.interview-date-time .selected{color:#fff;background-color:#ff9c00;}
.interview-date-time>div{width:90%;margin:10px 5% 5px 5%;}
.interview-date-time>table{width:90%;margin:0 5% 5%;background-color:#fff;}
.interview-date-time>table th{line-height:2em;text-align:center;background-color:#f5f5f5;}
.interview-date-time>table td{width:2em;height:2.5em;}
#applyInterviewTime{margin-top:5%;}
#applyInterviewTime td{height:3em;border:1em solid #fff;border-left-width:1.25em;border-right-width:1.25em;cursor:pointer;}

.form-group label{min-width:105px;line-height:34px;}
.form-group img{margin-top:-3px;width:1em;height:1em;vertical-align:middle;}
.form-group img.img-responsive{margin:30px auto auto 50%;width:50%;height:auto;cursor:pointer;}
.form-group>.hint>img{margin-top:-3px;width:15px;height:15px;}
.form-group>.hint>label{font-size:90%;color:#ccc;}
.form-control{font-size:90%;color:#999;background-color:#fffdf5;}
.form-control:focus{background-color:#fff;border-color:#ff9c00;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.has-error .form-control,.has-error .form-control:focus{background-color:#fff;border-color:#eb666a;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.has-success .form-control,.has-success .form-control:focus{background-color:#fffdf5;border-color:#c9c9c9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.cover{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.5);z-index:9998;}
.cover-close{position:absolute;top:0;right:-2.5em;width:2.5em;height:2.5em;cursor:pointer;}
#applyTreaty{position:relative;margin:100px auto auto;padding:15px 5% 25px 5%;width:700px;background-color:#fff;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;}
#login{position:relative;margin:100px auto auto;padding:15px 5% 25px 5%;width:300px;background-color:#fff;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;}

/*================================= security =================================*/
.security-icon{margin:50px auto 100px auto;}
.security-icon>.row{margin:auto}
.security-icon>.row>.item{margin:50px auto}
.security-icon img{width:20%;height:auto;}
.security-icon p{margin:15px auto;}
/*================================= help&hospital =================================*/
.help{margin:30px auto;width:80%;min-width:992px;max-width:1200px;font-size:110%;}
.help .left,.help .right{margin:auto auto 5% 0;width:45%;display:inline-block;}
.help .right{margin:auto 0 5% auto;float:right;}
.help-box{height:300px;overflow:hidden;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-position: top left;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;}
.help-box-show{width:100%;height:300px;}
.help-box-hide{margin-top:-300px;width:100%;height:300px;background-color:transparent;}
.help-box-hide p{margin:0 auto;padding-top:10%;width:85%;color:#fff;font-size:160%;}
.help-box-hide p:nth-child(2){padding-top:10px;height:4em;font-size:140%;}
.help-box-hide .btn{margin-top:3em;padding:.4em 0;width:12em;}
.help-box-hide .btn:hover{border-color:rgba(0,0,0,.5);background-color:rgba(0,0,0,.5);}
.help-box-hide .contact{margin:15px auto;width:80%;}
.help-box-hide .contact img{margin:auto 5%;width:10%;}
.breadcrumb{position:relative;margin:15px auto;padding:0;width:80%;min-width:992px;max-width:1200px;background-color:transparent;}
.breadcrumb a:hover{text-decoration:none;color:#333;}
.breadcrumb>li+li:before{padding:0 15px 0 10px;content: "\003e ";}

.state{margin:auto auto 50px auto;padding:15px;width:80%;min-width:992px;max-width:1200px;background-color:#f6f6f6;}
.address{margin:50px auto auto;}
.address .content{margin:1em auto 2em auto;text-indent:2em;}
.address address{font-size:120%;}
.address address img{margin:-3px 5px auto auto;}
.treaty{margin:70px auto;width:80%;font-size:16px;min-width:992px;max-width:1200px;border:1px dashed #333;}
.treaty:last-child{margin-top:100px;}
.treaty>.title{position:absolute;width:80%;max-width:1200px;margin-top:-.5em;text-align:center;}
.treaty>.title>h2{padding:0 1em 0 1em;background-color:#fff;display:inline;}
.treaty>p,.treaty>ol{margin:auto;width:96%;line-height:1.7em;text-indent:2em;}

.hospital,.detail{position:relative;margin:auto;width:80%;min-width:992px;max-width:1200px;}
.hospital-tab{width:66%}
.hospital>ul{width:100%;list-style-type:none;}
.hospital>ul>li{position:relative;margin-top:100px}
.hospital>ul>li:last-child{margin-bottom:80px}
.hospital>ul>li>.left{position:absolute;width:324px;display:inline-block}
.hospital>ul>li>.left>a{width:324px;height:218px;background-size:cover!important;display:inline-block}
.hospital>ul>li>.right{position:relative;padding-left:354px;padding-right:250px;width:100%;display:inline-block}
.hospital>ul>li>.right>.hos-detail{margin:auto;width:100%;display:inline-block}
.hospital>ul>li>.right>.doctor{position:absolute;width:220px;top:0;right:0;padding-bottom:20px;background-color:#f6f6f6;display:inline-block}
.logoImg{margin-right:10px;width:50px;vertical-align:top;display:inline-block;}
.logoImg>img,.logoImg>a>img{width:50px;height:50px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.hos-detail>.title{height:50px;line-height:50px;font-size:130%;color:#333;display:inline-block;}
.hos-detail>.content{margin:15px auto;width:100%;height:3.4em;color:#55555d;font-size:80%;text-overflow:ellipsis;overflow:hidden;}
.hos-detail>.address{margin:auto;color:#55555d;font-size:80%;}
.hos-detail>.address>p{line-height:2}
.hospital .doctor>p{position:relative;padding:0 15px;width:100%;height:40px;line-height:40px;font-size:80%;color:#88888d}
.hospital .doctor>p>a{position:absolute;right:15px;color:#88888d;font-size:80%}
.hospital .doctor>ul{width:100%;margin:auto;padding:0 15px;border-top:1px solid #c9c9c9;}
.hospital .doctor>ul>li{position:relative;margin-top:15px;}
.hospital .doctor>ul>li>a{position:relative}
.hospital .doctor>ul>li>a>img{position:absolute;left:0;top:0;width:40px;height:40px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.hospital .doctor>ul>li>a>h4{margin:auto auto auto 60px;font-size:80%;line-height:1.5;color:#55555d;}
.hospital .doctor>ul>li>a>span{margin-left:50px;padding:.1em .6em 0 .6em;font-size:80%;color:#fff;background-color:#ff9c00;display:inline-block;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;}
    /*城市下拉列表重写*/
.hos-dropdown{position:absolute;top:-5px;right:0;display:inline-block}
.dropdown-menu{top:120%;min-width:100px;padding:10px 0;text-align:center;border:1px solid #f6f6f6;}
.dropdown-menu>li>a{line-height:2em;}
.dropdown-menu>li>a:hover{background-color:transparent;}
.city-bg{position:absolute;width:12px;height:12px;margin:-21px auto auto 10px;}
    /*医院列表页码重写*/
.pagination>ul>li{display: inline;}
.pagination>ul>li>a,.pagination>li>span{margin:1px;padding:6px 12px;color:#333;border:none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}
.pagination>ul>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{color:#fff;background-color:#ff9c00;border-color:#ff9c00;}
.pagination>ul>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#88888d;}
.pagination>ul>.controls>a>input{width:2em;text-align:center;}
.detail{padding-top:30px}
.detail>.logoImg{position:absolute}
.detail>.title{margin-left:60px;height:50px;line-height:45px;font-size:125%;}
.detail>.left{position:relative;margin-top:5px;width:66%;height:386px;padding:30px;background-color:#f6f6f6;display:inline-block;}
.detail>.left>.intro{position:relative;padding-right:394px;width:100%;height:100%}
.detail>.left>.intro>p.text{margin-top:10px;font-size:80%;color:#55555d;line-height:1.9;text-align:justify}
.detail>.left>.intro>.bottom{position:absolute;bottom:-10px;}
.detail>.left>.intro>.bottom>p{line-height:2.3;vertical-align:bottom}
.detail>.left>.pic{position:absolute;top:30px;right:30px;width:364px;height:326px;}
.detail>.left>.pic>.bigImg{width:364px;height:242px;}
.detail>.left>.pic>.scroll{margin-top:20px;width:364px;height:64px;}
.scroll>.prev,.scroll>.next{position:absolute;margin-top:261px;padding:24px 2px;height:64px;color:#666;background-color:#c9c9c9;cursor:pointer;}
.scroll>.prev{left:0}
.scroll>.next{right:0}
#wrapper{position:absolute;width:298px;height:64px;margin:0 33px;overflow:hidden;}
#scroller{position:absolute;width:1000px;height:100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);
    -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
    -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none;}
#scroller>ul>li{margin-right:11px;width:64px;height:64px;display:inline-block;cursor:pointer;}
.detail>.map{position:absolute;top:85px;right:0;width:30%;height:324px;border:2px solid #c9c9c9}
.detail>.map>#allmap{width:100%;height:100%;overflow:hidden;}
.detail>.map>p{margin:20px auto;line-height:2}
.detail>.map>p>img{margin-top:-3px;margin-right:5px;width:12px;height:auto;}
.discount{position:relative;width:160px;}
.discount>img{width:100%;float:right;}
.discount>strong{position:absolute;width:1.2em;top:42px;left:92px;text-align:center;color:#ff9c00;font-size:250%;-webkit-transform:rotate(-12deg);-moz-transform:rotate(-12deg);-ms-transform:rotate(-12deg);-o-transform:rotate(-12deg);transform: rotate(-12deg);}
    /*医院tab重写*/
.hospital-tab{margin:20px 0;}
.nav-tabs{background-color:#f6f6f6;}
.nav-tabs>li{width:31%;margin-left:2%;text-align:center;}
.nav-tabs>li>a{padding:10px 0;}
.nav-tabs>li>a:hover{color:#333;}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{padding-top:8px;color:#ff9c00;border-top:3px solid #ff9c00;}
.tab-content{margin:30px auto}
.tab-content>.doctor2>ul>li{position:relative;padding-top:30px}
.tab-content>.doctor2>ul>li>img{position:absolute;width:50px;height:50px;vertical-align:top;}
.tab-content>.doctor2>ul>li>.right{margin-left:12%;padding-bottom:30px;width:88%;color:#666;border-bottom:1px solid #f6f6f6;display:inline-block;}
.tab-content>.doctor2>ul>li>.right>h4{margin:auto;font-size:100%;font-weight:normal;display:inline-block}
.tab-content>.doctor2>ul>li>.right>.label{margin-left:10px;padding:.3em .6em;font-size:80%;color:#fff;background-color:#ff9c00;display:inline-block;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;}
.tab-content>.doctor2>ul>li>.right>p{margin-top:10px;font-size:80%;color:#55555d}
/* ============================================= style defined =============================================*/
#fromBottom{bottom:-20%;opacity:.1;}
#fromLeft{left:-20%;opacity:.1;}
#fromRight{right:-20%;opacity:.1;}
.spotlight{position:relative;height:100vh;width:100%;overflow:hidden;background-attachment:fixed;background-position:center center;background-size:cover;
    -webkit-box-shadow:  0 0.25em 0.5em rgba(0,0,0,.25);
    -moz-box-shadow:  0 0.25em 0.5em rgba(0,0,0,.25);
    box-shadow:  0 0.25em 0.5em rgba(0,0,0,.25);}
.spotlight:nth-child(1){z-index:4;}
.spotlight:nth-child(2){z-index:3;}
.spotlight:nth-child(3){z-index:2;}
.spotlight:nth-child(4){z-index:1;}
.spotlight>img:first-child{display:none;}

/* ============================================= base ============================================= */
.text-indent{text-indent:2em}
.m20{margin:20px}
.p15{padding:15px}
/*.w11em{width:11em}*/
.w80{margin:15px 10%;width:80%}
.w90{margin:15px 5%;width:90%}
.w100{margin:15px 0;width:100%}
.f80{font-size:80%}
.f100{font-size:100%}
.f120{font-size:120%}
.f140{font-size:140%}
.f160{font-size:160%}
.lh16{line-height:1.6em;}
.white{color:#fff}
.black{color:#22222d}/* R:34  G:34  B:45  */
.gray{color:#999}
.gray-d{color:#55555d}/* R:85  G:85  B:93  */
.gray-m{color:#88888d}/* R:136  G:136  B:141  */
.gray-l{color:#c9c9c9}/* R:201  G:201  B:201   */
.gray-bg{background-color:#f6f6f6}/* R:246  G:246  B:246   */
.blue{color:#00bcd4}/* R:0  G:188  B:212  */
.blue:hover{color:#00bcd4}
.orange{color:#ff9c00}/* R:0  G:188  B:212  */
.red{color:red}
.pointer{cursor:pointer}
/* new footer */
.viptail_footer{font-size:.75em;width:100%;min-width:992px;height:348px;background:#2a2a2a;}
.viptail_footer a:link,.viptail_footer a:visited{color:#979797;text-decoration:none;}
.viptail_footer a:hover{color:#cfcfcf;}
.qmaps{position:relative;width:80%;height:164px;margin:0 auto;padding-top: 80px;}
.qmaps .map{float:left;margin-left:25px;height:auto;}
.map-help{cursor:pointer}
.qmaps .map h3{margin:auto;font-size:14px;height:25px;color:#666;}
.qmaps .map ul{margin:auto;}
.qmaps .map li{line-height:22px;}
.qfaq{padding-left:65px;}
.logo{position:absolute;top:80px;left:50%;display:block;margin-left:-124px;}
.xcode{float:right;width:93px;height:93px;margin-right:25px;}
.copyright{line-height: 17px;clear: both;width: 80%;margin:80px auto auto;padding-top: 16px;text-align: center;color: #666;border-top: 1px solid #666;}
/*================================ responsive ================================*/
@media (max-width: 1180px) {
    .carousel-inner{width:100%;}
    .help{font-size:90%;}
}
@media (max-width: 992px) {
    .container{width:100%}
    .navbar-right{margin-right:0;}
    .spotlight{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
    .jumbotron>.code{width:35%}
    .sub-wrapper>.row{margin:auto;width:80%}
    .hospital>ul{width:100%}
    .carousel-caption{top:7%;left:12%;right:12%;height:86%;}
    .how-pet-sitter{padding:30px 0;font-size:80%;}
    .how-to-foster .row{width:80%;}
    .how-duty>.left,.how-duty>.right{font-size:100%;width:22em;}
    .how-duty>.left>h1.short{margin-top:1.5em;}
    .how-duty>.right>h1.short{margin-top:30%;}
    .how-duty p{margin-bottom:1em;font-size:100%;}
    .spotlight{background-attachment:scroll;height:auto;}
    .spotlight>img:first-child{min-height:520px;display:block;}
    .apply{margin-top:50px;}
    #applyTreaty{width:80%;}
    .help{width:80%;font-size:80%;}
    .help .left,.help .right{margin-bottom:0;width:47%;}
    .help-box-hide p{width:90%;}
    .detail>.right{width:100%;float:left;clear:both;}
    .detail-tab>.col-md-5{padding:0;}
    .hospital .col-md-10{width:100%;}
    .code-bottom{float:left;}
    .logo-bottom{border-right:none;}
}
@media (max-width: 768px){
    .container{width:100%;}
    .navbar-header{margin-top:10px;float:left}
    .navbar-nav{margin:0;float:right}
    .navbar-brand{padding:0 0 0 15px;}
    .navbar-default .navbar-nav>li{padding:10px 0 0 0;display:inline-block}
    .navbar-gray .navbar-nav>li{padding:10px 0 0 0;display:inline-block}
}
/*@media (max-width: 768px) {*/
    /*.spotlight{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}*/
    /*.jumbotron>.code{width:45%}*/
    /*.container{width:100%;}*/
    /*.navbar-header{float:left}*/
    /*.navbar-nav{margin:0;float:right}*/
    /*.navbar-brand{padding:0 0 0 15px;}*/
    /*.logo-top{margin-top:13px;height:40px;}*/
    /*.navbar-default .navbar-nav>li{padding:10px 0 0 0;display:inline-block}*/
    /*.navbar-gray .navbar-nav>li{padding:10px 0 0 0;display:inline-block}*/
    /*h1 .line{display:none;}*/

    /*.text-en{margin:2px 5px 5px 5px;}*/
    /*.video-list{padding-left:5px;width:550px}*/
    /*.video-item-title{margin:-37.2px auto auto 95px;width:320px;height:70px}*/
    /*.video-item-title h1{margin-top:10px;font-size:140%;}*/
    /*.video-item1{width:245px;height:245px}*/
    /*.video-item2{width:196px;height:196px}*/
    /*.video-item4{margin-left:51.5px;width:196px;height:196px}*/
    /*.video-item3{margin-top:7px;width:245px;height:245px}*/
    /*.video-explain{font-size:100%;}*/
    /*.video-item1 .video-explain{margin:-295px auto auto 330px;}*/
    /*.video-item2 .video-explain{margin:-315px auto auto -260px;}*/
    /*.video-item4 .video-explain{margin:40px auto auto 280px;}*/
    /*.video-item3 .video-explain{margin:-35px auto auto -240px;}*/

    /*.sub-wrapper>.row{margin:auto;width:80%}*/
    /*.carousel-caption{top:5%;left:10%;right:10%;height:88%;}*/
    /*.carousel-row{height:86%;overflow:hidden;}*/
    /*.how-pet-sitter{padding:30px 0;font-size:80%;}*/
    /*.how-pet-sitter>.right>.btn{margin-left:0;font-size:80%;}*/
    /*.how-to-foster .row{width:100%;}*/
    /*.how-duty>.left,.how-duty>.right{font-size:100%;width:20em;}*/
    /*.how-duty>.left>h1.short{margin-top:1.5em;}*/
    /*.how-duty>.right>h1.short{margin-top:30%;}*/
    /*.how-duty p{margin-bottom:1em;font-size:100%;}*/
    /*.spotlight{background-attachment:scroll;height:auto;}*/
    /*.spotlight>img:first-child{display:block;min-height:450px;}*/
    /*.apply{margin-top:50px;}*/
    /*#applyTreaty{width:80%;}*/
    /*.help{width:80%;font-size:120%;}*/
    /*.help .left,.help .right{width:100%;float:none;}*/
    /*.help-box-hide p:nth-child(2){padding-top:1em;}*/
    /*.hospital .doctor>ul>li{margin-right:7%;width:14%;}*/
    /*.hospital .doctor>ul>li:last-child{width:auto;}*/
    /*.detail>.left{margin-bottom:50px;padding:0;}*/
    /*.detail>.left .prev{left:0;}*/
    /*.detail>.left .next{right:0;}*/
    /*.detail>.right{width:100%;float:left;clear:both;}*/
    /*.detail-tab>.col-md-5{padding:0;}*/

    /*.code-bottom{float:left;}*/
    /*.logo-bottom{border-right:none;}*/
/*}*/
/*@media (max-width: 600px){*/
    /*.help{font-size:100%;}*/
/*}*/
/*@media (max-width: 480px){*/
    /*.help{font-size:90%;}*/
    /*.sub-wrapper>.page{width:100%;}*/
/*}*/
/*@media (max-width: 435px){*/
    /*.help{font-size:80%;}*/
/*}*/